<ion-view class="bg">
  <ion-header-bar class="bar bar-positive">
    <button class="button back-button buttons icon ion-ios-arrow-left button-clear" nav-direction="back" ng-click="$ionicGoBack()">返回</button>
    <h3 class="title">异常上报</h3>
  </ion-header-bar>
  <ion-content class="abnormal">
    <ion-list class="myList">
      <li class="item li">
        <div>
          <i>承运单号</i>
          <i class="value" style="color: #ff9800">{{waybillNo}}</i>
        </div>
      </li>
      <div class="item item-input item-divider div bg-white">
        <i class="ion ion-android-clipboard balanced typeIcon"></i>
        <i class="dark">上报信息</i>
      </div>
      <div class="checkboxDiv">
        <ion-checkbox ng-model="cargoType.goodsMore" ng-click="selectTypeM()">多货</ion-checkbox>
      </div>
      <div class="checkboxDiv">
        <ion-checkbox ng-model="cargoType.goodsDamage" ng-click="selectTypeD()">货损</ion-checkbox>
      </div>
      <div class="checkboxDiv">
        <ion-checkbox ng-model="cargoType.goodsLess" ng-click="selectTypeL()">差货</ion-checkbox>
      </div>
      <label class="item item-input div hide" style="border: 0;" id="goodsMore">
        <i class="input-label col-25" >多货件数</i>
        <input type="number" placeholder="请输入多货件数" ng-blur="numOnblur()" ng-model="cargoNumber.moreNum" onkeyup="this.value=this.value.replace(/\D/g,'')"  oninput="if(value.length>8)value=value.slice(0,8)">
      </label>
      <label class="item item-input div hide" style="border: 0;" id="goodsDamage">
        <i class="input-label col-25" >货损件数</i>
        <input type="number" placeholder="请输入货损件数" ng-blur="numOnblur()" ng-model="cargoNumber.damageNum" onkeyup="this.value=this.value.replace(/\D/g,'')"  oninput="if(value.length>8)value=value.slice(0,8)">
      </label>
      <label class="item item-input div hide" style="border: 0;" id="goodsLess">
        <i class="input-label col-25" >差货件数</i>
        <input type="number" placeholder="请输入差货件数" ng-blur="numOnblur()" ng-model="cargoNumber.lessNum" onkeyup="this.value=this.value.replace(/\D/g,'')"  oninput="if(value.length>8)value=value.slice(0,8)">
      </label>
      <div class="item item-input item-divider div bg-white" style="border-bottom: 0;">
        <i class="ion ion-android-camera energized typeIcon"></i>
        <i class="dark">拍照上传</i>
      </div>
      <div class="camera">
        <div ng-if="imgData!=undefined" ng-repeat="img in imgData">
          <img ng-src="{{img}}"/>
          <i class="icon ion-close-circled closeImg" ng-click="deleteImg(img)"></i>
        </div>
        <div ng-if="imgData.length<=2" style="background-color: #ECEDF1;" ng-click="actionSheet()">
          <i class="icon ion-plus-round addImg"></i>
        </div>
      </div>
      <div class="item item-input item-divider div bg-white" style="border-bottom: 0;">
        <i class="ion ion-compose calm typeIcon"></i>
        <i class="dark">备注</i>
      </div>
      <div class="item item-input remarks">
        <textarea type="text" maxlength="30" ng-model="reportAbnl.abnormalInfo.remark"></textarea>
      </div>
    </ion-list>
    <div class="btnDiv">
      <button class="button button-positive longButton" ng-click="saveAbnl()">确定</button>
    </div>
  </ion-content>
</ion-view>
